<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<<<<<<< HEAD
    <script language="javascript" type="text/javascript"> 
	     //显示层 
	     function showDiv(cName) 
	     { 
	     $(".hide.aa").css("display","block");
	     } 
	     //隐藏层 
	     function hiddenDiv(cName) 
	     { 
	     $(".hide.aa").css("display","block"); 
	     } 
    </script>

=======
	<script>
		$(document).ready(function(){
			$(".main").mouseleave(function(){
				$("#hide").hide();
			});
			$(".main").mouseenter(function(){
				$("#hide").show();
			});
		});
	</script>
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
	<style type="text/css">
		*{
			margin:0px;
			padding: 0px;
		}
		#nav{
			background-color: #C81623;
			float: left;
			width: 200px;
<<<<<<< HEAD
			
=======
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
		}

		.main{
			height: 31px;
			padding: 5px 10px;
<<<<<<< HEAD
			line-height: 31px;
			border:1px solid #C81623;
=======
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
		}

		.main a{
			text-decoration: none; 
			color: white;
			font-family: '微软雅黑';
			font-size: 14px;

		}
<<<<<<< HEAD
		
=======
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf

		.main:hover a{
			color:#B61D1D;
		}

		.main:hover{
			background-color: white;
			border:1px solid #C81623;
<<<<<<< HEAD
			border-right: none;
=======
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
		}

		span{
			float: right;
			color: white;
			font-weight: 900;
		}

<<<<<<< HEAD
		.hide{
=======
		#hide{
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
			width:1000px;
			height:465px;
			float: left;
			padding: 10px;
			border:1px solid #C81623;
<<<<<<< HEAD
			display: none;
			
=======
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
		}

		#container{
			margin-top: 100px;
			margin-left: 50px;
		}
<<<<<<< HEAD
		.text{
=======
		#text{
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
			float: left;
			width: 750px;
		}
		dl{
			width:790px;
			height:60px;
			margin:10px; 
		}
		dt{
			width:84px;
			height:32px;
			float: left;
			font-family: '微软雅黑';
			color: #666666;
			font-size: 14px;
			margin:5px; 
			text-align: right;
		}
		dt a{
			text-decoration: none;
			font-family: '微软雅黑';
			color: #666666;
			font-size: 14px;
		}
		dd{
			width:600px;
<<<<<<< HEAD
			padding: 8px 0px;
=======
			height:60px;
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
			float: left;
			border-bottom: 1px solid #E0E0E0;

		}
		dd a{
			color: #666666;
			border-left: 1px solid #E0E0E0;
			text-decoration: none; 
			font-family: '微软雅黑';
			font-size: 14px;
			margin:0px 10px 0px 5px;
			padding:5px; 
			height: 14px;
			line-height: 14px;
			display: block;
			float:left;
			text-align: center;
		}
		dl a:hover{
			color: red;
		}

		.pica{
			width:185px;
			height:160px;
			margin:5px 0px; 
		}
		.pica img{
			margin: 2px;
			float: left;
		}
<<<<<<< HEAD
		.pic{
=======
		#pic{
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
			width:185px;
			height: 475px;
			float: right;
		}
		.picb{
			width:185px;
			height:140px;
			margin: 2px;
		}


	
		

	</style>
	


</head>
<body>
	<div id="container">
		<div id="nav">
<<<<<<< HEAD
			<div class="main aa" onmouseover="$('.aaa').show();" onmouseout="$('.aaa').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main bb" onmouseover="$('.bbb').show();" onmouseout="$('.bbb').hide();"><a href="#">手机、</a><a href="#">数码、</a><a href="#">京东通信</a><span>></span></div>
			<div class="main cc" onmouseover="$('.ccc').show();" onmouseout="$('.ccc').hide();"><a href="#">电脑、</a><a href="#">办公</a><span>></span></div>
			<div class="main dd" onmouseover="$('.ddd').show();" onmouseout="$('.ddd').hide();"><a href="#">家居、</a><a href="#">家具、</a><a href="#">家装、</a><a href="#">厨具</a><span>></span></div>
			<div class="main ee" onmouseover="$('.eee').show();" onmouseout="$('.eee').hide();"><a href="#">男装、</a><a href="#">女装、</a><a href="#">内衣、</a><a href="#">珠宝</a><span>></span></div>
			<div class="main ff" onmouseover="$('.fff').show();" onmouseout="$('.fff').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main gg" onmouseover="$('.ggg').show();" onmouseout="$('.ggg').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main hh" onmouseover="$('.hhh').show();" onmouseout="$('.hhh').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main ii" onmouseover="$('.iii').show();" onmouseout="$('.iii').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main jj" onmouseover="$('.jjj').show();" onmouseout="$('.jjj').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main kk" onmouseover="$('.kkk').show();" onmouseout="$('.kkk').hide();"><a href="#">家用电器</a><span>></span></div>
			<div class="main ll" onmouseover="$('.lll').show();" onmouseout="$('.lll').hide();"><a href="#">家用电器</a><span>></span></div>
			
		
		</div>
		<div class="hide aaa" onmouseover="$('.aaa').show();" onmouseout="$('.aaa').hide();">
			<div class="text">
=======
			<div class="main aa"><a href="#">家用电器</a><span>></span></div>
			<div class="main bb"><a href="#">手机、</a><a href="#">数码、</a><a href="#">京东通信</a><span>></span></div>
			<div class="main cc"><a href="#">电脑、</a><a href="#">办公</a><span>></span></div>
			<div class="main dd"><a href="#">家居、</a><a href="#">家具、</a><a href="#">家装、</a><a href="#">厨具</a><span>></span></div>
			<div class="main ee"><a href="#">男装、</a><a href="#">女装、</a><a href="#">内衣、</a><a href="#">珠宝</a><span>></span></div>
			<div class="main ff"><a href="#">家用电器</a><span>></span></div>
			<div class="main gg"><a href="#">家用电器</a><span>></span></div>
			<div class="main hh"><a href="#">家用电器</a><span>></span></div>
			<div class="main ii"><a href="#">家用电器</a><span>></span></div>
			<div class="main jj"><a href="#">家用电器</a><span>></span></div>
			<div class="main kk"><a href="#">家用电器</a><span>></span></div>
			<div class="main ll"><a href="#">家用电器</a><span>></span></div>
			<div class="main mm"><a href="#">家用电器</a><span>></span></div>

		
		</div>
		<div id="hide">
			<div id="text">
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
				<div class="top"></div>
				<dl>
					<dt><a href="#"><h4>大家电&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">平板</a>
						<a href="#">电视</a>
						<a href="#">空调</a>
						<a href="#">冰箱</a>
						<a href="#">洗衣机</a>
						<a href="#">家庭影院</a>
						<a href="#">DVD</a>
						<a href="#">迷你音响</a>
						<a href="#">烟机/灶具</a>
						<a href="#">热水器</a>
						<a href="#">消毒柜/洗碗机</a>
						<a href="#">冷柜/冰吧</a>
						<a href="#">酒柜</a>
						<a href="#">家电配件</a>

					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>大家电&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">平板</a>
						<a href="#">电视</a>
						<a href="#">空调</a>
						<a href="#">冰箱</a>
						<a href="#">洗衣机</a>
						<a href="#">家庭影院</a>
						<a href="#">DVD</a>
						<a href="#">迷你音响</a>
						<a href="#">烟机/灶具</a>
						<a href="#">热水器</a>
						<a href="#">消毒柜/洗碗机</a>
						<a href="#">冷柜/冰吧</a>
						<a href="#">酒柜</a>
						<a href="#">家电配件</a>

					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>大家电&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">平板</a>
						<a href="#">电视</a>
						<a href="#">空调</a>
						<a href="#">冰箱</a>
						<a href="#">洗衣机</a>
						<a href="#">家庭影院</a>
						<a href="#">DVD</a>
						<a href="#">迷你音响</a>
						<a href="#">烟机/灶具</a>
						<a href="#">热水器</a>
						<a href="#">消毒柜/洗碗机</a>
						<a href="#">冷柜/冰吧</a>
						<a href="#">酒柜</a>
						<a href="#">家电配件</a>

					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>大家电&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">平板</a>
						<a href="#">电视</a>
						<a href="#">空调</a>
						<a href="#">冰箱</a>
						<a href="#">洗衣机</a>
						<a href="#">家庭影院</a>
						<a href="#">DVD</a>
						<a href="#">迷你音响</a>
						<a href="#">烟机/灶具</a>
						<a href="#">热水器</a>
						<a href="#">消毒柜/洗碗机</a>
						<a href="#">冷柜/冰吧</a>
						<a href="#">酒柜</a>
						<a href="#">家电配件</a>

					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>大家电&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">平板</a>
						<a href="#">电视</a>
						<a href="#">空调</a>
						<a href="#">冰箱</a>
						<a href="#">洗衣机</a>
						<a href="#">家庭影院</a>
						<a href="#">DVD</a>
						<a href="#">迷你音响</a>
						<a href="#">烟机/灶具</a>
						<a href="#">热水器</a>
						<a href="#">消毒柜/洗碗机</a>
						<a href="#">冷柜/冰吧</a>
						<a href="#">酒柜</a>
						<a href="#">家电配件</a>

					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>大家电&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">平板</a>
						<a href="#">电视</a>
						<a href="#">空调</a>
						<a href="#">冰箱</a>
						<a href="#">洗衣机</a>
						<a href="#">家庭影院</a>
						<a href="#">DVD</a>
						<a href="#">迷你音响</a>
						<a href="#">烟机/灶具</a>
						<a href="#">热水器</a>
						<a href="#">消毒柜/洗碗机</a>
						<a href="#">冷柜/冰吧</a>
						<a href="#">酒柜</a>
						<a href="#">家电配件</a>

					</dd>
				</dl>
				
			</div>
<<<<<<< HEAD
			<div class="pic">
=======
			<div id="pic">
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
				<div class="pica">
					<img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg">
					<img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg">
				</div>
				<div class="picb">
					<img src="2.jpg">
				</div>
				<div class="picb">
					<img src="2.jpg">
				</div>
			</div>
			
		</div>
<<<<<<< HEAD




		<div class="hide bbb" onmouseover="$('.bbb').show();" onmouseout="$('.bbb').hide();">
			<div class="text">
				<div class="top"></div>
				<dl>
					<dt><a href="#"><h4>手机通讯&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">手机</a>
						<a href="#">对讲机</a>
						<a href="#">以旧换新</a>

					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>京东通信&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">选号中心</a>
						<a href="#">自助服务</a>

					</dd>
				</dl>
				<dl>

					<dt><a href="#"><h4>运营商&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">合约机</a>
						<a href="#">办套餐</a>
						<a href="#">选号码</a>
						<a href="#">装宽带</a>
						<a href="#">中国移动</a>
						<a href="#">中国联通</a>
						<a href="#">中国电信</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#"><h4>手机配件&nbsp;&nbsp;></h4></a></dt>
					<dd>
						<a href="#">电池/移动电源</a>
						<a href="#">蓝牙耳机</a>
						<a href="#">充电器/数据线</a>
						<a href="#">手机</a>
						<a href="#">耳机</a>
						<a href="#">手机支架</a>
						<a href="#">贴膜</a>
						<a href="#">存储卡</a>
						<a href="#">保护套</a>
						<a href="#">车载</a>
						<a href="#">iPhone配件</a>
						<a href="#">创意配件</a>
						<a href="#">便携/无线音箱</a>
						<a href="#">手机饰品</a>
						<a href="#">拍照配件</a>
					</dd>
				</dl>
				
			</div>
		</div>	

		<div class="hide ccc" onmouseover="$('.ccc').show();" onmouseout="$('.ccc').hide();">
		哈
		</div>

		<div class="hide ddd" onmouseover="$('.ddd').show();" onmouseout="$('.ddd').hide();">
		哈哈
		</div>

		<div class="hide eee" onmouseover="$('.eee').show();" onmouseout="$('.eee').hide();">
		哈哈哈
		</div>

		<div class="hide fff" onmouseover="$('.fff').show();" onmouseout="$('.fff').hide();">
		哈哈哈哈
		</div>

		<div class="hide ggg" onmouseover="$('.ggg').show();" onmouseout="$('.ggg').hide();">
		哈哈哈哈哈
		</div>

		<div class="hide hhh" onmouseover="$('.hhh').show();" onmouseout="$('.hhh').hide();">
		哈哈哈哈哈哈
		</div>
		<div class="hide iii" onmouseover="$('.iii').show();" onmouseout="$('.iii').hide();">
		哈哈哈哈哈哈哈
		</div>
		<div class="hide jjj" onmouseover="$('.jjj').show();" onmouseout="$('.jjj').hide();">
		哈哈哈哈哈哈哈哈
		</div>
		<div class="hide kkk" onmouseover="$('.kkk').show();" onmouseout="$('.kkk').hide();">
		哈哈哈哈哈哈哈哈哈
		</div>
		<div class="hide lll" onmouseover="$('.lll').show();" onmouseout="$('.lll').hide();">
		怪我咯
		</div>
		

=======
>>>>>>> a8a42a7c3b5bddd80228b3a7f2e1648260b236cf
	</div>

	

</body>
</html>